<%@page isELIgnored="false" pageEncoding="UTF-8" contentType="text/html; UTF-8" %>

<script type="text/javascript">

    $(function () {
        $("#myTable").datagrid({
            toolbar:"#myToolbar",
            title:"上师列表",
            url:"${pageContext.request.contextPath}/guru/fenye",
            pagination:true,//分页查询
            loadMsg:"拼命加载中,请稍等",
            pageSize:10,
            pageList:[10,20],
            onDblClickRow:function(rowIndex,rowData){//给修改设置一个函数
                openupdate(rowData);//这是函数
            },
            columns:[[
                {checkbox:true,field:"dfgfd"},//随便写但是一定要有
                {field:"guruId",title:"上师ID"},
                {field:"guruName",title:"上师名字"},
                {field:"guruImage",title:"上师照片"},
                {field:"guruNickname",title:"跟随上师"},
                {field:"guruStatus",title:"上师状态"},
                {title:"操作" ,field:"cx",
                    formatter:function(value,rowData,rowIndex){
                        return "<a href='href'>双击修改</a>" ;
                    }
                },
            ]]
        })

        //下载上师表的信息,id选择器
        $("#xiaZai").click(function(){
            $.ajax({
                url:"${pageContext.request.contextPath}/guru/xiaZai",

            })
        })

    })

    //输入框输入内容查询
    function doClick() {
        //获取用户输入的内容
        var guruName=$("#guruName").val();
        $("#myTable").datagrid("load",{"guruName":guruName});
    }

    //把添加上师的添加div隐藏起来
    $(function () {
        $("#addDiv").dialog({
            closed:true,
            title:"添加",
            width:300,
            height:160
        })
    })
    //打开添加输入框隐藏的
    function openAdd() {
        $("#addDiv").dialog("open");
    };
    //开始添加上师
    function addClick() {
        $("#addForm").form("submit",{
            url:"${pageContext.request.contextPath}/guru/add",
            success:function (data) {
                var addok = eval('(' + data + ')');
                if(addok.addok){
                    alert("添加成功");
                    $("#addDiv").dialog("close");
                    $("#myTable").datagrid("reload");//刷新的是table
                }

            }
        })
    }

        //修改的Div隐藏起来
    $(function () {
        $("#updateDi").dialog({
            closed:true,
            title:"修改",
            width:300,
            height:160
        })
    })
    //修改
    function openupdate(rowData) {
        //1:打开修改的Div
        $("#updateDi").dialog("open");
        //2:把要修改的内容放在对话框里显示
        $("#updateGuruId").val(rowData.guruId),
        $("#updateGuruName").val(rowData.guruName);
        $("#updateGuruImage").val(rowData.guruImage);
        $("#updateGuruNickname").val(rowData.guruNickname);
        $("#updateGuruStatus").val(rowData.guruStatus);
    }
    //开始修改
    function updateClick() {
        $("#updateForm").form("submit",{
            url:"${pageContext.request.contextPath}/guru/update",
            success:function (data) {
                var updateok = eval('(' + data + ')');
                if(updateok.updateok){
                    alert("修改成功");
                    $("#updateDi").dialog("close");
                    $("#myTable").datagrid("reload");//刷新的是table
                }else {
                    alert("修改失败");
                }
            }
        })
    }
    
    
    //删除上师
    function deleteclick() {
        var a=$("#myTable").datagrid("getSelections");//返回所有被选中的行，当没有记录被选中的时候将返回一个空数组
        if(a.length==0){
            alert("请选中需要删除的行数");
        }else {
            var sure=confirm("亲 确定删除吗");
            if(sure){
                var ids=new Array();
                for(var i=0;i<a.length;i++){
                    ids[i]=a[i].guruId;
                }
                $.ajax({
                    url:"${pageContext.request.contextPath}/guru/delete",
                    data:{"ids":ids},
                    success:function (data) {
                        if(data.deleteok){
                            alert("亲 删除成功");
                            $("#myTable").datagrid("reload");//刷新的是table
                        }else {
                            alert("删除失败");
                        }
                    },
                    dataType:"json"
                })
            }
        }
    }

    //隐藏文件上传的Div
    $(function () {
        $("#shangChuanDiv").dialog({
            closed:true,
            title:"上传",
            width:300,
            height:160
        })
    })
    //开始上传
    function shangChuanClick() {
        $("#shangChuanDiv").dialog("open");
    }
    $("#shangchuan").click(function(){
        $("#shangChuanForm").form("submit",{
            url:"${pageContext.request.contextPath}/guru/shangChuan",
            dataType:"JSON",
            success:function(data){
                var shangChuanOk = eval('(' + data + ')');
                if(shangChuanOk.shangChuanOk){
                    alert("上传成功");
                    $("#shangChuanDiv").dialog("close");
                    $("#myTable").datagrid("reload");
                }else{
                    alert("上传失败，请确认")
                }
            }
        })
    })

    


</script>

<div id="myToolbar">
    <a  class="easyui-linkbutton" onclick="openAdd()" data-options="iconCls:'icon-add'">添加上师</a>
    <a class="easyui-linkbutton" onclick="deleteclick()" data-options="iconCls:'icon-remove'">删除上师</a>
    <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-save'" id="xiaZai">文件导出</a>
    <a class="easyui-linkbutton"  onclick="shangChuanClick()" data-options="iconCls:'icon-edit'">文件上传</a>

</div>

请输入上师名称<input id="guruName" type="text"/><input type="submit" onclick="doClick()"/><br/>
<%--展示的表格--%>
<table id="myTable"></table>
<%--添加--%>
<div id="addDiv">
    <form id="addForm" method="post">
        <input type="hidden" name="guruId" >
        上师名字:<input type="text" name="guruName"/></br>
        上师图片:<input type="text" name="guruImage"/></br>
        跟随上师:<input type="text" name="guruNickname"/></br>
        上师状态:<input type="text" name="guruStatus"/></br>
        <input type="button" value="添加" onclick="addClick()"/></br>
    </form>
</div>
<%--修改--%>
<div id="updateDi">
    <form id="updateForm" method="post">
                 <input type="hidden" name="guruId" id="updateGuruId">
        上师名字:<input type="text" name="guruName" id="updateGuruName"/></br>
        上师图片:<input type="text" name="guruImage" id="updateGuruImage"/></br>
        跟随上师:<input type="text" name="guruNickname" id="updateGuruNickname"/></br>
        上师状态:<input type="text" name="guruStatus" id="updateGuruStatus"/></br>
        <input type="button" value="修改" onclick="updateClick()"/></br>
    </form>
</div>


<%--文件上传--%>
<div id="shangChuanDiv">
    <form method="post" id="shangChuanForm" enctype="multipart/form-data">
        选择文件：<input type="file" name="file"><br/>
        <input type="button" value="添加" id="shangchuan"><br/>
    </form>
</div>